<div class = "system-container" style = "width: 100%;height: 100%;">
    <div class = "w clearfix" style = "height: 33.3%">
        <div style = "width: 25%;height:100%;float: left">
            <sales-monitor-chart type = "town"></sales-monitor-chart>
        </div>
        <div style = "width: 25%;height:100%;float: left">
            <employees-monitor-chart type = "town"></employees-monitor-chart>
        </div>
        <div style = "width: 25%;height:100%;float: left">
            <shops-monitor-chart type = "town"></shops-monitor-chart>
        </div>
        <div style = "width: 25%;height:100%;float: left">
            <radar-monitor-chart type = "town"></radar-monitor-chart>
        </div>
    </div>
    <div class = "w clearfix" style = "height: 33.3%">
        <div style = "width: 25%;height:100%;float: left">
            <sales-monitor-chart type = "indestry"></sales-monitor-chart>
        </div>
        <div style = "width: 25%;height:100%;float: left">
            <employees-monitor-chart type = "indestry"></employees-monitor-chart>
        </div>
        <div style = "width: 25%;height:100%;float: left">
            <shops-monitor-chart type = "indestry"></shops-monitor-chart>
        </div>
        <div style = "width: 25%;height:100%;float: left">
            <radar-monitor-chart type = "industry"></radar-monitor-chart>
        </div>
        
    </div>
    <div class = "w clearfix" style = "height: 33.3%">
        <div style = "width: 25%;height:100%;float: left">
            <train-finish-chart></train-finish-chart>
        </div>
        <div style = "width: 25%;height:100%;float: left">
            <sales-finish-chart></sales-finish-chart>
        </div>
        <div style = "width: 25%;height:100%;float: left">
            <support-finish-chart></support-finish-chart>
        </div>
        <div style = "width: 25%;height:100%;float: left">
            <radar-monitor-chart type = "prod"></radar-monitor-chart>
        </div>
    </div>
    <nav curr = "monitor"></nav>
</div>